<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <title>首页</title>
    <link rel="stylesheet" href="../css/normalize.min.css">
    <link href="../lib/bootstrap.min.css" rel="stylesheet">
    <link href="../css/public.css" rel="stylesheet">
    <link href="../css/header.css" rel="stylesheet">
    <link href="../css/home.css" rel="stylesheet">
    <link href="../css/footer.css" rel="stylesheet">
    <link href="../css/scrollPic.css" rel="stylesheet">
    <script src="../lib/jquery-1.12.4.min.js"></script>
    <!--[if lt IE 9]>
      <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
      <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]-->
</head>
<body>
	<#include "header.ftl">

<!-- 轮播图 开始 -->
    <div class="lunbo">
        <div id="carousel1" class="carousel slide" data-ride="carousel">
            <!-- 轮播页 -->
            <div class="carousel-inner" role="listbox">
                <#list imgList1 as item>
                <div <#if item_index==1>class="item active"<#else>class="item"</#if>>
                    <img class="list1Img" src="${item.src}" alt="...">
                    <!-- <div class="carousel-caption"></div>文字描述 -->
                </div>
                </#list>
            </div>
            <!-- 左右控制按钮 -->
            <a class="left carousel-control" href="#carousel1" role="button" data-slide="prev">
                <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                <span class="sr-only">Previous</span>
            </a>
            <a class="right carousel-control" href="#carousel1" role="button" data-slide="next">
                <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                <span class="sr-only">Next</span>
            </a>
            <!-- 小圆点 -->
            <ol class="carousel-indicators">
                <li data-target="#carousel1" data-slide-to="0" class="active"></li>
                <li data-target="#carousel1" data-slide-to="1"></li>
                <li data-target="#carousel1" data-slide-to="2"></li>
            </ol>
        </div>
    </div>
<!-- 轮播图 结束 -->

<!-- 滚动新闻 开始 -->
    <div class="rollTips pub_maxWidth">
        <span class="glyphicon glyphicon-bell"></span>
        <div class="row" id="news_li">
            <#list rollNews as item>
            <div class="col-sm-4 col-md-4 rollTips_content"><a href="${item.src}" title="">${item.title}</a></div>
            </#list>
        </div>
    </div>
<!-- 滚动新闻 结束 -->

<!-- 学院动态 开始 -->
    <div class="home_news_wrap pub_maxWidth">
        <div class="SeTitle">
            <span class="title_line"></span>
            <span class="titleH1">{{title}}</span>
            <span class="titleH2">{{desc}}</span>
            <span class="title_rigth">
                <span class="title_rigth_text">更多</span>
                <i class="glyphicon glyphicon-menu-right"></i>
            </span>
        </div>
        <div class="row">
            <!-- 轮播 -->
            <div class="slunbo col-xs-5 col-sm-5 col-md-5">
                <div id="carousel2" class="carousel slide" data-ride="carousel">
                    <div class="carousel-inner" role="listbox">
                        <#list imgList2 as item>
                        <div <#if item_index==1>class="item active"<#else>class="item"</#if>>
                            <img class="list1Img" src="${item.src}" alt="...">
                            <!-- <div class="carousel-caption"></div>文字描述 -->
                        </div>
                        </#list>
                    </div>
                    <!-- 小圆点 -->
                    <ol class="carousel-indicators">
                        <li data-target="#carousel2" data-slide-to="0" class="active"></li>
                        <li data-target="#carousel2" data-slide-to="1"></li>
                        <li data-target="#carousel2" data-slide-to="2"></li>
                    </ol>
                </div>
            </div>
            <!-- 新闻 -->
            <div class="schoolNews col-xs-7 col-sm-7 col-md-7">
                <div class="newsContent_col2_header">
                    <div class="news_title_wrap col-xs-3 col-sm-3 col-md-3">
                        <div class="news_title">
                            <p>2019</p>
                            <p>08月02日</p>
                        </div>
                    </div>
                    <div class="news_content col-xs-9 col-sm-9 col-md-9">
                        <h3>青海广播电视大学 “不忘初心 牢记使命”主题教育培训班</h3>
                        <span>青海广播电视大学 “不忘初心 牢记使命”主题教育培训班</span>
                        <p>2019年7月26日至7月30日，青海广播电视大学党务工作者及思政教师“不忘初心，牢记使命”</p>
                    </div>
                </div>
                <ul class="news_list">
                    <#list schoolNews as item>
                    <li><a href=""><span>${item.title}</span><span>${item.time}</span></a></li>
                    </#list>
                </ul>
            </div>
        </div>
    </div>
<!-- 学院动态 结束-->

<!-- 广告图 开始 -->
    <div class="Adver pub_maxWidth">
        <img src="../images/dt.jpg" alt="">
    </div>
<!-- 广告图 结束 -->

<!-- 党政干部专题培训 开始 -->
    <div class="lattice_wrap">
        <div class="pub_maxWidth lattice">
            <div class="SeTitle">
                <span class="title_line"></span>
                <span class="titleH1">{{title}}</span>
                <span class="titleH2">{{desc}}</span>
                <span class="title_rigth">
                    <span class="title_rigth_text">更多</span>
                    <i class="glyphicon glyphicon-menu-right"></i>
                </span>
            </div>
            <div class="lattice_col2">
                <div class="lattice_col2_item">
                    <img src="../images/ganbu.jpg" alt="">
                </div>
                <div class="covImg row">
                    <#list covImg as item>
                    <div class="lattice_col4 col-xs-3 col-sm-3 col-md-3">
                        <div class="lattice_col4_item">
                            <img src="${item.src}" alt="">
                            <div class="desc">
                                <i>
                                    <span></span>
                                    <span></span>
                                    <span></span>
                                    <span></span>
                                    ${item.title}
                                </i>
                            </div>
                        </div>
                    </div>
                    </#list>
                </div>
            </div>
        </div>
    </div>
<!-- 党政干部专题培训 结束 -->

<!-- 多样化教学 开始 -->
    <div class="MTeach_wrap">
        <div class="pub_maxWidth MTeach">
            <div class="SeTitle">
                <span class="title_line"></span>
                <span class="titleH1">{{title}}</span>
                <span class="titleH2">{{desc}}</span>
                <span class="title_rigth">
                    <span class="title_rigth_text">更多</span>
                    <i class="glyphicon glyphicon-menu-right"></i>
                </span>
            </div>
            <div class="MTeach_row MTeach_row1 row">
                <div class="MTeach_col MTeach_col1 col-xs-4 col-sm-4 col-md-4">
                    <div class="MTeach_col_item MTeach_col1_item">
                        
                        <div class="BlockList">
                            <div class="BlockList_header">
                                <img src="../images/aawe.png" alt="">
                                <span class="BlockList_title">教学形式</span>
                                <span class="BlockList_btn_wrap">
                                    <span class="BlockList_btn">更多+</span>
                                </span>
                            </div>
                            <div class="BlockList_content">
                                <ul class="dataList">
                                    <#list BlockList1 as item>
                                    <li>
                                        <span>${item.title}</span>
                                        <span>${item.time}</span>
                                    </li>
                                    </#list>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="MTeach_col MTeach_col2 col-xs-4 col-sm-4 col-md-4">
                    <div class="MTeach_col_item MTeach_col2_item">
                        <div class="BlockList">
                            <div class="BlockList_header">
                                <img src="../images/aawe.png" alt="">
                                <span class="BlockList_title">课程安排</span>
                                <span class="BlockList_btn_wrap">
                                    <span class="BlockList_btn">更多+</span>
                                </span>
                            </div>
                            <div class="BlockList_content">
                                <ul class="dataList">
                                    <#list BlockList2 as item>
                                    <li>
                                        <span>${item.title}</span>
                                        <span>${item.time}</span>
                                    </li>
                                    </#list>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="MTeach_col MTeach_col3 col-xs-4 col-sm-4 col-md-4">
                    <div class="MTeach_col_item MTeach_col3_item">
                        <div class="BlockList">
                            <div class="BlockList_header">
                                <img src="../images/aawe.png" alt="">
                                <span class="BlockList_title">教学资源</span>
                                <span class="BlockList_btn_wrap">
                                    <span class="BlockList_btn">更多+</span>
                                </span>
                            </div>
                            <div class="BlockList_content">
                                <ul class="dataList">
                                    <#list BlockList3 as item>
                                    <li>
                                        <span>${item.title}</span>
                                        <span>${item.time}</span>
                                    </li>
                                    </#list>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
<!-- 多样化教学 结束 -->

<!-- 教学基地 开始 -->
    <div class="place_wrap">
        <div class="pub_maxWidth place">
            <div class="SeTitle">
                <span class="title_line"></span>
                <span class="titleH1">{{title}}</span>
                <span class="titleH2">{{desc}}</span>
                <span class="title_rigth">
                    <span class="title_rigth_text">更多</span>
                    <i class="glyphicon glyphicon-menu-right"></i>
                </span>
            </div>
            <div class="place_row row">
                <#list plcList as item>
                <div class="col-xs-3 col-sm-3 col-md-3">
                    <div class="place_content">
                        <img src="../images/swiper3.png" alt="">
                        <div class="place_content_text">延安革命纪念碑</div>
                    </div>
                </div>
                </#list >
            </div>
        </div>
    </div>
<!-- 教学基地 结束 -->

<!-- 关于我们 开始 -->
    <div class="about_wrap">
        <div class="pub_maxWidth about">
            <div class="SeTitle">
                <span class="title_line"></span>
                <span class="titleH1">{{title}}</span>
                <span class="titleH2">{{desc}}</span>
                <span class="title_rigth">
                    <span class="title_rigth_text">更多</span>
                    <i class="glyphicon glyphicon-menu-right"></i>
                </span>
            </div>
            <div class="about_row row">
                <div class="col-xs-6 col-sm-6 col-md-6">
                    <div class="about_content">
                        <img src="../images/swiper2.png" alt="">
                        <div class="about_content_txt">
                            <p>延安圣德红色文化培训中心成立于2017年7月，我中心全面贯彻执行中省市干部教育培训方针政策和法律法规，以红色文化研究与发掘为主旨，开展延安精神、党中央在延安十三年和十九大及梁家河精神教育，旗帜鲜明讲政治，以培训质量为...</p>
                            <div class="about_content_btn" @click="aboutMore1">了解更多+</div>
                        </div>
                    </div>
                </div >
                <div class="col-xs-6 col-sm-6 col-md-6">
                    <div class="about_content">
                        <img src="../images/swiper2.png" alt="">
                        <div class="about_content_txt">
                            <section>
                                <div class="title">延安圣德红色文化培训中心</div >
                                <div class="phone">培训一部：0911-2702493</div >
                                <div class="phone">培训二部：0911-2702492</div >
                                <div class="phone">培训三部：0911-2666123</div >
                            </section>
                            <div class="about_content_btn" @click="aboutMore2">了解更多+</div>
                        </div>
                    </div>
                </div >
            </div>
        </div>
    </div>
<!-- 关于我们 结束 -->

<!-- 新闻资讯 开始 -->
    <div class="newsMsg_wrap">
        <div class="pub_maxWidth newsMsg">
            <div class="SeTitle">
                <span class="title_line"></span>
                <span class="titleH1">{{title}}</span>
                <span class="titleH2">{{desc}}</span>
                <span class="title_rigth">
                    <span class="title_rigth_text">更多</span>
                    <i class="glyphicon glyphicon-menu-right"></i>
                </span>
            </div>
            <div class="MTeach_row MTeach_row1 row">
                <div class="MTeach_col MTeach_col1">
                    <div class="MTeach_col_item MTeach_col1_item col-xs-4 col-sm-4 col-md-4">
                        <div class="BlockList">
                            <div class="BlockList_header">
                                <img src="../images/aawe.png" alt="">
                                <span class="BlockList_title">新闻动态</span>
                                <span class="BlockList_btn_wrap">
                                    <span class="BlockList_btn">更多+</span>
                                </span>
                            </div>
                            <div class="BlockList_content">
                                <ul class="dataList">
                                    <#list BlockList4 as item>
                                    <li>
                                        <span>${item.title}</span>
                                        <span>${item.time}</span>
                                    </li>
                                    </#list>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="MTeach_col MTeach_col2">
                    <div class="MTeach_col_item MTeach_col2_item col-xs-4 col-sm-4 col-md-4">
                        <div class="BlockList">
                            <div class="BlockList_header">
                                <img src="../images/aawe.png" alt="">
                                <span class="BlockList_title">延安精神</span>
                                <span class="BlockList_btn_wrap">
                                    <span class="BlockList_btn">更多+</span>
                                </span>
                            </div>
                            <div class="BlockList_content">
                                <ul class="dataList">
                                    <#list BlockList5 as item>
                                    <li>
                                        <span>${item.title}</span>
                                        <span>${item.time}</span>
                                    </li>
                                    </#list>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="MTeach_col MTeach_col3">
                    <div class="MTeach_col_item xxx_col3_item col-xs-4 col-sm-4 col-md-4">
                        <div class="BlockList">
                            <div class="BlockList_header">
                                <img src="../images/aawe.png" alt="">
                                <span class="BlockList_title">政策法规</span>
                                <span class="BlockList_btn_wrap">
                                    <span class="BlockList_btn">报名+</span>
                                    <span class="BlockList_btn">预约+</span>
                                    <span class="BlockList_btn">更多+</span>
                                </span>
                            </div>
                            <div class="BlockList_content">
                                <ul class="dataList">
                                    <#list BlockList6 as item>
                                    <li>
                                        <span>${item.title}</span>
                                        <span>${item.time}</span>
                                    </li>
                                    </#list>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
<!-- 新闻资讯 结束 -->

<!-- 培训动态 开始 -->
    <div class="Train_wrap">
        <div class="pub_maxWidth Train">
            <div class="SeTitle">
                <span class="title_line"></span>
                <span class="titleH1">{{title}}</span>
                <span class="titleH2">{{desc}}</span>
                <span class="title_rigth">
                    <span class="title_rigth_text">更多</span>
                    <i class="glyphicon glyphicon-menu-right"></i>
                </span>
            </div>
            <div class="Train_content">
                <#include "scrollPic.ftl">
            </div>
        </div>
    </div>
<!-- 培训动态 结束 -->
    <#include "footer.ftl">

    <script src="../lib/bootstrap.min.js"></script>
    <script>
        //滚动新闻
        $(document).ready(function(){
            function rollTips(wrapClass,innerClass,speed) {
                speed = speed || 2000
                $(wrapClass).append($(wrapClass).html());
                var liHeight = $(wrapClass + ' ' + innerClass).height()
                var allLiHeight = $(wrapClass).height()
                var Timer = setInterval(function() {
                    if(Math.abs(parseInt($(wrapClass).css('top'))) == allLiHeight / 2){
                        $(wrapClass).css({'top': '0px'})
                        $(wrapClass).animate({top: parseInt($(wrapClass).css('top')) - liHeight + 'px'},'slow');
                    } else {
                        $(wrapClass).animate({top: parseInt($(wrapClass).css('top')) - liHeight + 'px'},'slow');
                    }
                },speed);

                return Timer
            }

            rollTips('#news_li','.rollTips_content')
        })
    </script>
</body>
</html>